<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品</title>
		<link href="css/index_1.css" rel="stylesheet" type="text/css"/>
		<link href="css/index2.css" rel="stylesheet" type="text/css"/>
	</head>
	<body>
		<div class="top_1">
			<div class="top_1_nav">
				<ul>
					<li><img src="img/ltel.jpg" style="height: 20px; ;"/ ></li>
					<li>+86-0952-8888888</li>
					<li><img src="img/lmai'.jpg" style="margin-left:16px"/></li>
					<li><a href="#">jiuyu@yeah.net</a></li>
				</ul>
				<p><a href="#">查询</a>  |  <a href="#">下载</a></p>
			</div>
		</div>
		<div class="top_2">
			<div class="top_2_centent">
				<div class="top_2_name">
				<h1>DFR</h1>
				<h2>石家庄九宇工程有限公司</h2>
				</div>
				<div class="top_2_search">
					<a href="#"><img src="img/sysousuo_03.jpg"/></a>
				</div>
			</div>
		</div>
		<div class="top_3">
			<div class="top_3_nav">
				<tr>
					<li><a href="index.html">主页</a></li>
					<li><a href="index3.html">关于我们</a></li>
					<li><a href="index2.html">产品</a></li>
					<li><a href="#">质量管理</a></li>
					<li><a href="#">工程案例</a></li>
					<li><a href="#">顾客简介</a></li>
					<li><a href="#">公司新闻</a></li>
					<li><a href="#">联系我们</a></li>
				</tr>
			</div>
		</div>
		<div class="index2_con">
			<div class="index2_con_1">
				<h4><img src="img/home.jpg" />&nbsp;<a href="#">Home</a>&nbsp; &gt; &nbsp;<a href="#">产品</a>&nbsp; &gt; &nbsp;<a href="#">集材机设备</a></h4>
			</div>
			<div class="index2_con_2">
				<ul>
					<li><img src="img/jpic.jpg"/></li>
					<li class="index2_text ">XXX产品</li>
				</ul>
				<ul>
					<li><img src="img/jpic.jpg"/></li>
					<li class="index2_text ">XXX产品</li>
				</ul>
				<ul>
					<li><img src="img/jpic.jpg"/></li>
					<li class="index2_text ">XXX产品</li>
				</ul>
				<ul>
					<li><img src="img/jpic.jpg"/></li>
					<li class="index2_text ">XXX产品</li>
				</ul>
				<ul>
					<li><img src="img/jpic.jpg"/></li>
					<li class="index2_text ">XXX产品</li>
				</ul>
				<ul>
					<li><img src="img/jpic.jpg"/></li>
					<li class="index2_text ">XXX产品</li>
				</ul>
				<div class="text_fenye">
					<ul>
						<li>共20条</li>
						<li>第1/20页</li>
						<li><a href="#">首页</a></li>
						<li><a href="#">上一页</a></li>
						<li><a href="#">下一页</a></li>
						<li><a href="#">末页</a></li>
						<li>转到&nbsp;<input type="text" style="width: 25px;" />&nbsp;页</li>
						<li><input type="button" value="确定" onclick="" class="radius bottom"/></li>
					</ul>
				</div>
			</div>
			<div class="index2_con_3">
				<h4>热销产品</h4>
				<div id="demo" class="con3_right">
					<div id="demo1">
						<a href="#" target="_blank"><img src="img/hpic.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/qqaa.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/spic1.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/sppic.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/npic.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/qqaa.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/spic1.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/sppic.jpg"></a><p>
						<a href="#" target="_blank"><img src="img/npic.jpg"></a><p>
					</div>
					<div id="demo2"></div>
				</div>
			</div>
			<script>
				var speed=40;
				var demo2=document.getElementById("demo2");
				var demo1=document.getElementById("demo1");
				var demo=document.getElementById("demo");
				demo2.innerHTML=demo1.innerHTML
				function Marquee(){
					if(demo2.offsetTop-demo.scrollTop<=0)
						demo.scrollTop-=demo1.offsetHeight;
					else{
						demo.scrollTop++;
						}
				}
				var MyMar=setInterval(Marquee,speed);
				demo.onmouseover=function() {clearInterval(MyMar)}
				demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
			</script>
		</div>
		
		<div class="foot">
		<div class="foot_con">
			<div class="foot_tab1">
				<table>
					<tr class="tab_titel">
						<td>快速链接</td>
						<td>快速导航</td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
					<tr class="tab_con">
						<td><a href="#">快速链接</a></td>
						<td><a href="#">快速导航</a></td>
					</tr>
				</table>
			</div>
			<div class="foot_tab2">
				<ul>
					<li class="tab_titel">联系我们</li>
					<li class="tab_con"><img src="img/ftel.jpg"/>+86-311-8888888</li>
					<li class="tab_con"><img src="img/ffax.jpg"/>+86-311-88888886</li>
					<li class="tab_con"><img src="img/fmail.jpg"/>123@jiuyu.com</li>
					<li><img src="img/f1.jpg"/>&nbsp&nbsp
						<img src="img/f2.jpg"/>&nbsp&nbsp
						<img src="img/f3.jpg"/>&nbsp&nbsp
						<img src="img/f4.jpg"/>
					</li>
				</ul>
			</div>
			<div class="foot_tab3">
				<table>
					<tr>
						<td class="tab_titel">意见反馈</td>
						<td></td>
					</tr>
					<tr>
						<td><input class="sty_text radius" type="text" placeholder="姓名" /></td>
						<td rowspan="2">
							<textarea class="radius sty_area" placeholder="意见或者建议"></textarea>
						</td>
					</tr>
					<tr>
						<td><input class="sty_text radius" type="text" placeholder="联系方式"/></td>
					</tr>
					<tr>
						<td colspan="2" ><a href="#"><input class="button radius" type="button" value="提交" onclick=""/></a></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer_con">
			<h3>Copyright © 19XX - 2016 JiuYu. All Rights Reserved</h3>
		</div>
	</div>
	</body>
</html>
